@charset "utf-8";

@media all and (min-width:320px) and (max-width:1100px){
	.con img{width:100% !important;}
	.con { font-size:12px !important;}
.pchead,.pcmenu{
	display:none;
}
.header_m{
	display:block;
}
.header_m .head{
  width:100%; background:#fcfcfc; overflow:hidden; padding:5px 15px; box-sizing:border-box;
  min-height: 60px;
}
.header_m .head .fl{
   width: 60%;
}
.header_m .head .fl img{
 
}
.header_m .head .menulist{
	 background: url("../images/menu.jpg") no-repeat; display: block;  height: 20px;    width: 25px; background-size:cover; margin-top:18px;
}
.header_m .menu{
	width:100%; background:#f7f8f8; position:absolute; z-index:100;
}

.header_m .menu a{
	width:100%;  text-align:right; border-bottom:1px solid #d3d3d4; display:block; font-size:12px; color:#333; padding:0 10% 0 0; height:36px; line-height:36px;
	text-align:left; padding:0 15px; box-sizing:border-box;
}
.header_m .menu a.ihover{
	background:#264980; color:#fff;
}
.header_m .menu a.hover,.header_m .menu a:hover{
	background:#264980; color:#fff;
}

.inbanner{
	display:block; width:100%; overflow:hidden;
}
.inbanner img{
	width:150%; margin-left:-25%;
}
.us01{
	width:100%; padding:35px 15px; box-sizing:border-box;
}
.indext{
	margin-bottom:20px; font-size:22px;
}
.indext img{
	width:150px;
}
.us01 .t {
    font-size: 18px;
    padding-left: 16px;
    border-left: 3px solid #264980;
    margin: 30px 0;
}
.us01 .gsys .gsyslist {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}
.us01 .gsys .gsyslist img {
    float: left;
    width: 20%;
    height: auto;
}
.us01 .gsys .gsyslist .text {
    width: 75%;
    float: right;
}
.us01 .gsys .gsyslist .text .tt {
    font-size: 16px;
    color: #333;
    margin: 0px 0 6px;
}
.us01 .gsys .gsyslist .text .bb {
    font-size: 12px;
    color: #828282;
    line-height: 18px;
}

.us02{
	width:100%; padding:35px 15px; box-sizing:border-box;
}
.us02 .us0201{
	width:100%;
}
.us02 .us0201 img{
	width:100%;
}
.us02 .us0202{
	width:100%; margin-left:0px;
}
.us02 .us0202 img{
	width:48%; float:left;
}
.us02 .us0202 img:last-child{
	float:right;
}
.us03{
	width:100%; padding:35px 15px; box-sizing:border-box;
}
.us03 .us03div{
	width:100%;
}
.us03 .us03div .us03list .listt{
	width:100%; height:auto; padding:15px; box-sizing:border-box;
}
.us03 .us03div .us03list .listb {
    width: 100%;
    padding: 15px;
    font-size: 12px;
	line-height: 20px;
}
.us03 .us03div .us03list .listb .alink{
	font-size:14px;
}
.us04{
	width:100%; padding:35px 15px; box-sizing:border-box;
}
.us04 .us04li{
	width:48%; float:left; margin-right:0px; height:200px; padding-top:25px;
}
.us04 .us04li:nth-child(2n+3){
	float:right;
}
.us04 .us04li img{
	width:90px; height:90px;
}
.us04 .us04li p {
	font-size: 14px;
	line-height: 20px;
}
#footer .footer{
	width:100%; padding:0px 15px; box-sizing:border-box;
}
#footer .footer .footerfl {
    width: 100%;
    position: static;
    background: none;
    text-align: center;
    padding: 0;
    height: auto;
	overflow:hidden;
}
#footer .footer .footerfl img {
    max-width: 100%;
    margin-bottom: 20px;
    margin-top: 40px;
    float: left;
}
#footer .footer .footerfr {

    width: 100%;
    float: none;
}
#footer .footer .footerfr .footerfrt{
	padding:0px; padding-top:30px;
}
#footer .footer .footerfr .footerfrt .fli {
    float: none;
    overflow: hidden;
    width: 100%;
    margin-bottom: 20px;
}
#footer .footer .footerfr .footerfrt .fli span {
    float: left;
    font-size: 13px;
    color: #eee;
    line-height: 16px;
}
#footer .footer .footerfr .footerfrt .fli img {
    float: left;
    margin-right: 8px;
    height: 16px;
}
#footer .footer .footerfr .footerfrb {

    font-size: 14px;
    color: #bbb;
    margin-top: 18px;
    margin-bottom: 18px;
    line-height: 18px;
    text-align: center;

}
.newslist{
	width:100%; padding:35px 15px; box-sizing:border-box; margin:0px;
}
.newslist .newstab a {
    font-size: 16px;
	padding-bottom: 14px;
}
.newslist .newslistcon{
	width:100%;
}
.newslist .newslistright{
	display:none;
}
.newslist .newslistcon a{
	margin-bottom:20px;
}
.newslist .newslistcon a .aimg{
	padding:15px;
}
.newslist .newslistcon a .at {
    font-size: 16px;
    padding-bottom: 15px;
	padding-left: 15px;
}
.newslist .newslistcon a .ab .abl {
    float: left;
    font-size: 14px;
    color: #999;
    font-family: Arial;
    margin: 15px 0 15px 15px;
}
.newslist .newslistcon a .ab .abr {
    float: right;
    font-size: 14px;
    color: #666;
    margin: 15px 15px 15px 0;
    line-height: 10px;
}
.newslist .newsshowcon{
	width:100%;
}
.newslist .newsshowcon .newsshow .mbx{
	padding:15px 0 15px 15px; font-size:12px;
}
.newslist .newsshowcon .newsshow .newsshowcontext{
	padding:15px;
}
.newslist .newsshowcon .newsshow .newsshowcontext .t{
	font-size:18px;
}
.newslist .newsshowcon .newsshow .newsshowcontext .b {
    overflow: hidden;
    margin: 20px 0 25px;
}
.newslist .newsshowcon .newsshow .newsshowcontext .b span {
    float: left;
    font-size: 12px;
    color: #999;
}
.newslist .newsshowcon .newsshow .newsshowcontext .b img {
    float: left;
    margin-right: 8px;
    width: 14px;
}
.newslist .newsshowcon .newsshow .newsshowcontext .c {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 20px;
}
.newslist .newsshowcon .newsshow .newsshowcontext .d{
	padding-top:20px;
}
.newslist .newsshowcon .newsshow .newsshowcontext .d a{
	margin-bottom:10px;
}
.protab{
	width:100%; padding:0 15px; box-sizing:border-box;  text-align:left; margin: 0 auto 20px;
}
.protab a {
    display: inline-block;
    border-radius: 4px;
    height: 28px;
    line-height: 28px;
    margin: 0 5px 10px;
    background: #fff;
    font-size: 14px;
    color: #888;
	text-align:center;
	padding-left: 5px;
    padding-right: 5px;
}
.probig{
	width:100%; padding:0 15px; box-sizing:border-box;
}
.probig a.probigli{
	padding:15px; margin-bottom:20px;
}
.probig a.probigli img{
	width:100%; height:auto;
}
.probig a.probigli .rightt{
	width:100%;
}

.probig a.probigli .rightt .t {

    font-size: 14px; line-height:20px;
}
.probig a.probigli .rightt .b {
    font-size: 14px;
    color: #666;
    line-height: 22px;
    margin-bottom: 16px;
}
.probig a.probigli .rightt .m{
	font-size:12px;
}
.prolist{
	width:100%; padding:0 15px; box-sizing:border-box;
}
.prolist a.probigli{
	width:48%; margin:0px 0 15px;
}
.prolist a.probigli:nth-child(2n){
	float:right;
}
.prolist a.probigli img{
	width:100%; height:auto;
}
#neibg{
	padding:50px 0;
}
.proshow{
	width:100%; padding:0 15px; box-sizing:border-box;
}
.proshow .proshowleft {
	width:100%; margin-bottom:20px;
}
.proshow .proshowright{
	width:100%;
}
.proshow .proshowleft img{
	width:100%; height:auto;
}
.proshow .proshowleft p {
    line-height: 50px;
font-size: 20px;
}
.proshow .proshowright{
	line-height:24px;
}
#indexpro{
	padding:30px 0;
}
#indexpro .indexpro{
	width:100%; padding:0 15px; box-sizing:border-box;
}
#indexpro .indexpo01 a .blackdiv{
	font-size:14px;
}

#indexpro .indexpo01 {
    width: 48%;
    height: auto;
    float: left;
    position: relative; margin-bottom: 14px;
	margin-left: 5px;

}
/*#indexpro .indexpo01:last-child{
	float:right;
}*/
#indexpro .indexpo02 {

    width: 48%;
    height: auto;
    float: right;
    position: relative;
    margin: 0;

}
#indexpro .indexpo02 .indexpo01 {

    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 14px;

}
#indexpro .indexpo02 .indexpo01:last-child{
	position:absolute;
top: 100%;

left: -108%;
}
#incase .incase{
	width:100%; padding:0 15px; box-sizing:border-box;
}
#incase .incase .caselist {
    width: 33%;
    height: 80px;
    float: left;
    position: relative;
    margin-bottom: 14px;
    margin-right: 0;
}#incase{
	padding:30px 0;
}
#inus .inus{
	width:100%; padding:0 15px; box-sizing:border-box;
}#inus .inus .indextext {
    font-size: 14px;
    color: #828282;
    line-height: 24px;
    width: 100%;
    text-align: left;
    margin-bottom: 15px;
}
#inus{
	padding:30px 0;
}
#indexnews{
	padding:30px 0;
}
#indexnews .indexnews{
	width:100%; padding:0 15px; box-sizing:border-box;
}
#indexnews .indexnews .indexnewsleft{
	width:100%; margin-bottom:20px;
}
#indexnews .indexnews .indexnewsleft img{
	height:auto;
}
#indexnews .indexnews .indexnewsleft .text {
    width: 100%;
    height: auto;
    padding: 15px;
    text-align: left;
}
#indexnews .indexnews .indexnewsleft .text .t {
    font-size: 16px;
    color: #333;
	margin-bottom: 16px;
}
#indexnews .indexnews .indexnewsleft .text .t span{
	font-size: 14px;
}
#indexnews .indexnews .indexnewsleft .text .b{
	font-size:14px; line-height:24px;
}
#indexnews .indexnews .indexright{
	width:100%;
}
#indexnews .indexnews .indexright a{
	margin-bottom:20px;
}
#indexnews .indexnews .indexright a .datediv {
    width: 20%;
	height: 70px;
}
#indexnews .indexnews .indexright a .text {
    width: 75%;
    height: auto;
}
#indexnews .indexnews .indexright a .text .t{
	font-size: 14px; margin-bottom: 5px;
}
#indexnews .indexnews .indexright a .text .b{
	height:40px;
	font-size:12px; line-height:20px;
}
#mbannermain .pc{
	display:none;
}
#mbannermain .web{
	display:block;
}

#indexpro .indexpo01 img.pc{
	display:none;
}
#indexpro .indexpo01 img.web{
	display:block;
}
.indexlinks{
	width:100%; margin:0 auto; padding:15px 15px; font-size:14px; color:#333; box-sizing:border-box; line-height:24px;
}
.indexlinks a{
	 font-size:14px; color:#666; margin-left:8px;
}

}